﻿<li class="dropdown" id="header_notification_bar"><a href="#" class="dropdown-toggle"
    data-toggle="dropdown" data-hover="dropdown" data-close-others="true"><i class="fa fa-warning">
    </i><span class="badge">6 </span></a>
    <ul class="dropdown-menu extended notification">
        <li>
            <p>
                You have 14 new notifications
            </p>
        </li>
        <li>
            <ul class="dropdown-menu-list scroller" style="height: 250px;">
                <li><a href="#"><span class="label label-icon label-success"><i class="fa fa-plus"></i>
                </span>New user registered. <span class="time">Just now </span></a></li>
                <li><a href="#"><span class="label label-icon label-danger"><i class="fa fa-bolt"></i>
                </span>Server #12 overloaded. <span class="time">15 mins </span></a></li>
                <li><a href="#"><span class="label label-icon label-warning"><i class="fa fa-bell-o">
                </i></span>Server #2 not responding. <span class="time">22 mins </span></a></li>
                <li><a href="#"><span class="label label-icon label-info"><i class="fa fa-bullhorn">
                </i></span>Application error. <span class="time">40 mins </span></a></li>
                <li><a href="#"><span class="label label-icon label-danger"><i class="fa fa-bolt"></i>
                </span>Database overloaded 68%. <span class="time">2 hrs </span></a></li>
                <li><a href="#"><span class="label label-icon label-danger"><i class="fa fa-bolt"></i>
                </span>2 user IP blocked. <span class="time">5 hrs </span></a></li>
                <li><a href="#"><span class="label label-icon label-warning"><i class="fa fa-bell-o">
                </i></span>Storage Server #4 not responding. <span class="time">45 mins </span></a>
                </li>
                <li><a href="#"><span class="label label-icon label-info"><i class="fa fa-bullhorn">
                </i></span>System Error. <span class="time">55 mins </span></a></li>
                <li><a href="#"><span class="label label-icon label-danger"><i class="fa fa-bolt"></i>
                </span>Database overloaded 68%. <span class="time">2 hrs </span></a></li>
            </ul>
        </li>
        <li class="external"><a href="#">See all notifications <i class="m-icon-swapright"></i>
        </a></li>
    </ul>
</li>
